$(function() {

	renderDataTable();
	SelectMonth("MonthId");
	selectYear("yearId");
	loadUserName();

	$("#btn-seach").click(function() {		
		
		var recieveDate = $("#datetimepicker1").val();
		var userName = $("#inputUserName option:selected").val();		
		$('#ArDataTable').DataTable().column(0).search(recieveDate);
		$('#ArDataTable').DataTable().column(1).search(userName);
		$('#ArDataTable').DataTable().draw();
	});
	$("#btn-confirm").click(function() {
		$("#confirmModal").modal();
	});
	
	
	$("#btn-save").click(function(){
		var zoneId = $("#inputZone option:selected").val();
		var routeId = $("#inputRoute option:selected").val();
		var month = $("#month option:selected").val();
		var year = $("#year option:selected").val();
		
		var checkedValues = $('input:checkbox:checked').map(function() {
		    return this.value;
		}).get();
		
		$.ajax({
			  type: "POST",
			  url: "CS12004Srvl",
			  data: {
				  'process_type' : 'cancelBill' , 
				  'billNo' : checkedValues,
				  url_address:$("#url_address").val(),
				  agent_browser:$("#agent_browser").val()
			  },
			  success: function(data){ 
				  if(data == 'success'){ 
					  	$("#successModal").modal();
					  	
					  	var zoneId = $("#inputZone option:selected").val();
						var routeId = $("#inputRoute option:selected").val();
						var month = $("#month option:selected").val();
						var year = $("#year option:selected").val();
						$('#ArDataTable').DataTable().column(0).search(zoneId);
						$('#ArDataTable').DataTable().column(1).search(routeId);
						$('#ArDataTable').DataTable().column(2).search(month);
						$('#ArDataTable').DataTable().column(3).search(year);
						$('#ArDataTable').DataTable().draw();
						
				  } else {
					  	$("#failModal").modal();
					  	
					  	var zoneId = $("#inputZone option:selected").val();
						var routeId = $("#inputRoute option:selected").val();
						var month = $("#month option:selected").val();
						var year = $("#year option:selected").val();
						$('#ArDataTable').DataTable().column(0).search(zoneId);
						$('#ArDataTable').DataTable().column(1).search(routeId);
						$('#ArDataTable').DataTable().column(2).search(month);
						$('#ArDataTable').DataTable().column(3).search(year);
						$('#ArDataTable').DataTable().draw();
						
				  }
			  }
			});
	});
	
	$("#btn-refreach").click(function(){
		$('#datetimepicker1').val("");
		$('#inputUserName').val("");
		$('#ArDataTable').DataTable().column(0).search('');
		$('#ArDataTable').DataTable().column(1).search('');
		$('#ArDataTable').DataTable().draw();
	});
});

function loadUserName() {
	
	$.ajax({
		url : 'CS12004Srvl' , 
		type : "POST",
		data : {
			process_type: "getUserName" , 
		},
//		anync:false,
		dataType:"JSON",
		success: function(data){
			
			var selected="";
			var options = '';
			options += '<option value="">-- เลือกชื่อผู้ใช้ --</option>';
			for (var i = 0; i < data.values.length; i++) {
				options += '<option value="' + data.values[i] + '" '+selected+'>' + data.messages[i] +  '</option>';
			}
			$("select#inputUserName").html(options);
		}
	});
}


// function load data
function renderDataTable() {

	$('#ArDataTable')
			.DataTable(
					{
						"oLanguage" : {
							"oPaginate" : {
								"sFirst" : "หน้าแรก",// ปุ่มกลับมาหน้าแรก
								"sLast" : "หนัาสุดท้าย",// ปุ่มไปหน้าสุดท้าย
								"sNext" : "ถัดไป", // ปุ่มหน้าถัดไป
								"sPrevious" : "ก่อนหน้า" // ปุ่ม กลับ
							},
							"sLengthMenu" : "แสดง _MENU_ รายการ ต่อหน้า",
							"sZeroRecords" : "ไม่พบข้อมูลที่ค้นหา",
							"sInfo" : "แสดง _START_ ถึง _END_ จากทั้งหมด _TOTAL_ รายการ",
							"sEmptyTable" : "ไม่พบรายการข้อมูล",
							"sLoadingRecords" : "ระบบกำลังประมวลผล กรุณารอซักครู่",
							"sProcessing" : "ประมวลผลข้อมูล",
							"sInfoEmpty" : "ไม่พบรายการข้อมูลที่แสดง",
							"sInfoFiltered" : "",
							"sSearch" : "ค้นหา :"
						},
						searching : true,
						"aoColumns" : [
								{
									"sTitle" : "รับเงิน",
									sClass : "alignCenter table-action",
									sWidth : '6%',
									"bSortable" : false,
									"mRender" : function(data, type, full) {
										
//										if(full[10] != ""){
//											return '<input type="checkbox" id="chk-bill" name="chk-bill" value="' +full[2]+ '" disabled="disabled" checked="checked">';
//										} else{ 
											return '<input type="checkbox" id="chk-bill" name="chk-bill" value="' +full[2]+ '">';
//										}
										
									}
								}, {
									"sTitle" : "ลำดับ",
									sClass : "alignCenter",
									sWidth : '1%',
									"bSortable" : false,
								}, {
									"sTitle" : "เลขที่ใบแจ้งหนี้",
									sClass : "alignCenter",
									sWidth : '5%',
									"bSortable" : false
								}, {
									"sTitle" : "วันที่ออกใบแจ้งหนี้",
									sClass : "alignCenter",
									sWidth : '8%',
									"bSortable" : false
								}, {
									"sTitle" : "ชื่อ-สกุลผู้ใช้น้ำ",
									sClass : "alignCenter table-action",
									sWidth : '12%',
									"bSortable" : false
								}, {
									"sTitle" : "ค่าน้ำ",
									sClass : "alignCenter table-action",
									sWidth : '8%',
									"bSortable" : false
								}, {
									"sTitle" : "ค่าบริการ",
									sClass : "alignCenter table-action",
									sWidth : '5%',
									"bSortable" : false
								}, {
									"sTitle" : "ภาษี",
									sClass : "alignCenter table-action",
									sWidth : '4%',
									"bSortable" : false
								}, {
									"sTitle" : "รวมค่าน้ำ",
									sClass : "alignCenter table-action",
									sWidth : '7%',
									"bSortable" : false
								}, {
									"sTitle" : "รวมทั้งหมด",
									sClass : "alignCenter table-action",
									sWidth : '5%',
									"bSortable" : false
								}, ],
						"sPaginationType" : "full_numbers",// แสดงตัวแบ่งหน้า
						"bLengthChange" : true, // แสดงจำนวน record
						"iDisplayLength" : 10, // กำหนดค่า default ของจำนวน
						"bScrollCollapse" : true,
						"aLengthMenu" : [ 
						                  [ 10, 25, 50, 100, -1 ], // จำนวนที่แสดงในตาราง
						                  [ 10, 25, 50, 100, "ทั้งหมด" ] // จำนวนที่ให้เลือก
						],
						"bProcessing" : true,
						"bServerSide" : true,
						"sDom" : 'Rlfrtip',// เขียนโค้ดโดยระบุให้ไปดึงข้อมูลจากไฟล์
						"sAjaxSource" : "CS12004Srvl?process_type=searchData"
					});

	var table = $('#ArDataTable').DataTable();
	$('#ArDataTable tbody').on('click', 'tr', function() {
		if ($(this).hasClass('selected')) {
			$(this).removeClass('selected');
		} else {
			table.$('tr.selected').removeClass('selected');
			$(this).addClass('selected');
		}
	});

}